import styled from "styled-components";

const ButtonStyle = styled.div`
  display: flex;
  flex-direction: ${(props) => props.direction};

  &.direction_row {
    & > div:not(:last-child) {
      margin-right: ${(props) => props.space + "px"};
    }
  }

  &.direction_column {

    & > div:not(:last-child) {
      margin-bottom: ${(props) => props.space + "px"};
    }
  }

`;

export default ButtonStyle;
